import * as React from 'react';
// import classnames from 'classnames';
// import { EnvironmentOutline } from 'antd-mobile-icons';
// import { Card } from 'antd-mobile';
import './index.module.scss';
interface orderOtherProps {
  orderData:{
    orderNumber:string,
    phoneNumber:string,
    ticketType:number,
    totalPrice:string,
    ticketCount:string,
    ticketPrice:string,
  };
}
export default function OrderOther(props: orderOtherProps) {
  const {
    orderNumber,
    phoneNumber,
    ticketType,
    totalPrice,
    ticketCount,
    ticketPrice,
  } = props.orderData;
  return (
    <>
      <div styleName="order-other-content">
        <div styleName="item-info flex-middle-center">
          <div styleName="left">订单号</div>
          <div styleName="right">{orderNumber}</div>
        </div>
        <div styleName="item-info flex-middle-center">
          <div styleName="left">通知手机</div>
          <div styleName="right">{phoneNumber}</div>
        </div>
      </div>
      <div styleName="order-other-content">
        <div styleName="item-info flex-middle-center">
          <div styleName="left">{ticketType == 1 ? '成人票' : '学生票'}</div>
          <div styleName="right">
            ¥{ticketPrice}x<span>{ticketCount}</span>张
          </div>
        </div>
        <div styleName="item-info flex-middle-center">
          <div styleName="left">订单总计</div>
          <div styleName="right money">¥{totalPrice}</div>
        </div>
      </div>
    </>
  );
}
